<template>
  <div class="shengmu1 base-background-img">
    
    <div class="zhiwu">
      <router-link :to="{name: 'video', query: {name: 'ar', data: zhiwu, compoent: 'ar-ar1'}}">
        <img src="~@/assets/ar/1/zhiwu.png">
      </router-link>
    </div>
    <div class="huahui">
      <router-link :to="{name: 'video', query: {name: 'ar', data: huahui, compoent: 'ar-ar1'}}">
        <img src="~@/assets/ar/1/huahui.png">
      </router-link>
    </div>
    <div class="shuiguo">
      <router-link :to="{name: 'video', query: {name: 'ar', data: shuiguo, compoent: 'ar-ar1'}}">
        <img src="~@/assets/ar/1/shuiguo.png">
      </router-link>
    </div>
    <div class="shucai">
      <router-link :to="{name: 'video', query: {name: 'ar', data: shucai, compoent: 'ar-ar1'}}">
        <img src="~@/assets/ar/1/shucai.png">
      </router-link>
    </div>
    <div class="hanzi">
      <router-link :to="{name: 'video', query: {name: 'ar', data: hanzi, compoent: 'ar-ar1'}}">
        <img src="~@/assets/ar/1/hanzi.png">
      </router-link>
    </div>
  </div>
</template>

<script>
  import STATICPATH from '../../config.js'
  export default {
    name: 'ar1',
    data () {
      return {
        zhiwu: {
          videosrc: STATICPATH + '/ar/zhiwu/song.mp4',
          chinesesrc: STATICPATH + '/ar/zhiwu/song_chinese.mp3',
          englishsrc: STATICPATH + '/ar/zhiwu/song_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/zhiwu/song_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/zhiwu/song_baike.mp3'
        },
        huahui: {
          videosrc: STATICPATH + '/ar/huahui/rose.mp4',
          chinesesrc: STATICPATH + '/ar/huahui/rose_chinese.mp3',
          englishsrc: STATICPATH + '/ar/huahui/rose_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/huahui/rose_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/huahui/rose_baike.mp3'
        },
        shuiguo: {
          videosrc: STATICPATH + '/ar/shuiguo/tao.mp4',
          chinesesrc: STATICPATH + '/ar/shuiguo/tao_chinese.mp3',
          englishsrc: STATICPATH + '/ar/shuiguo/tao_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/shuiguo/tao_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/shuiguo/tao_baike.mp3'
        },
        shucai: {
          videosrc: STATICPATH + '/ar/shucai/lajiao.mp4',
          chinesesrc: STATICPATH + '/ar/shucai/lajiao_chinese.mp3',
          englishsrc: STATICPATH + '/ar/shucai/lajiao_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/shucai/lajiao_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/shucai/lajiao_baike.mp3'
        },
        hanzi: {
          videosrc: STATICPATH + '/ar/hanzi/yu.mp4',
          chinesesrc: STATICPATH + '/ar/hanzi/yu_chinese.mp3',
          englishsrc: STATICPATH + '/ar/hanzi/yu_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/hanzi/yu_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/hanzi/yu_chinese.mp3'
        },
        yingwen: {
          videosrc: STATICPATH + '/ar/yingwen/B.mp4',
          chinesesrc: STATICPATH + '/ar/yingwen/B_english.mp3',
          englishsrc: STATICPATH + '/ar/yingwen/B_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/yingwen/B_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/yingwen/B_english.mp3'
        }
      }
    },
    methods: {
    }
  }
</script>

<style scoped>

.shengmu1 > div {
  position: absolute; 
}
.zhiwu {
  top: 140px;
  left: 285px;
}
.huahui {
  top: 172px;
  left: 591px;
}
.shuiguo {
  top: 198px;
  left: 880px;
}
.shucai {
  top: 402px;
  left: 312px;
}
.hanzi {
  left: 620px;
  top: 391px;
}
.yingwen {
  left: 880px;
  top: 410px;
}
</style>
